<template>
  <component
      :is="type"
      :data="data"
      :options="options"
      :dispatchAction="dispatchAction"
      ref="chart"
  ></component>
</template>

<script>
import {px2} from "@/MCharts/style/Style";

import Basic from "@/MCharts/components/line/Basic";
export default {
  name: "MChartsLine",
  data() {
    return {}
  },
  props:{
    data: {},
    options: {},
    type: {
      type: String,
      default: 'Basic'
    },
    width:{
      type: Number,
      default: 400
    },
    height:{
      type: Number,
      default: 400
    },
    dispatchAction: {
      type: Object || Array,
    }
  },
  computed:{

  },
  components: {
    Basic
  },
  mounted() {

  },
  methods: {
    px2,
  }
}
</script>

<style lang="scss" scoped>
@import "@/MCharts/style/var.scss";
</style>
